/*
	jQuery.mmenu widescreen extension CSS
	
	To use on widescreens only, include it using a mediaquery:
	<link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 900px)"/>
*/
html, body {
  overflow: auto; }

body {
  padding-left: 30% !important;
  position: relative; }

#mm-blocker {
  display: none !important; }

.mm-page {
  box-shadow: none !important;
  background: inherit;
  box-sizing: border-box;
  min-height: 100vh;
  height: auto !important;
  margin: 0 !important;
  position: relative !important;
  top: 0 !important;
  z-index: 1; }

.mm-menu {
  width: 30% !important;
  z-index: 0; }
  .mm-menu.mm-top, .mm-menu.mm-right, .mm-menu.mm-bottom {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important; }
  .mm-menu:first-child, .mm-menu.mm-current {
    display: block; }
